home *** CD-ROM | disk | FTP | other *** search
/ Chip 2007 January, February, March & April / Chip-Cover-CD-2007-04d.zip / 04d / CHIP / Nero / foobar2000 0.9.4.2 / foobar2000_0.9.4.2.exe / titleformat_help.css < prev    next >
Cascading Style Sheet File  |  2006-03-14  |  10KB  |  594 lines
  1. /**
  2.  * Design elements for default Template
  3.  *
  4.  * @author Andreas Gohr <andi@splitbrain.org>
  5.  * @author Anika Henke <henke@cosmocode.de>
  6.  */
  7.  
  8. /* -------------- general elements --------------- */
  9.  
  10. body {
  11.   font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  12.   background-color: White;
  13.   color: Black;
  14.   margin: 0;
  15.   padding: 0;
  16. }
  17.  
  18. /* the document */
  19. div.page {
  20.   margin-top: 4px;
  21.   margin-left:  1em;
  22.   margin-right: 2em;
  23.   text-align: justify;
  24. }
  25.  
  26. table {
  27.   font-size: 100%;
  28.   padding:0;
  29.   margin:0;
  30. }
  31.  
  32. tr,td,th {padding:0; margin:0;}
  33.  
  34. img {border:0}
  35.  
  36. p {padding:0; margin: 0 0 1.0em 0;}
  37.  
  38. hr {
  39.   border: 0px;
  40.   border-top: 1px solid #8cacbb;
  41.   text-align:center;
  42.   height: 0px;
  43. }
  44.  
  45. div.nothing {
  46.   text-align:center;
  47.     margin: 2em;
  48. }
  49.  
  50. /* ---------------- forms ------------------------ */
  51.  
  52. form {
  53.   border: none;
  54.   margin: 0;
  55.   display: inline;
  56. }
  57.  
  58. label {
  59.   display: block;
  60.   text-align: right;
  61.   font-weight: bold;
  62. }
  63.  
  64. label.simple {
  65.   text-align: left;
  66.   font-weight: normal;
  67. }
  68.  
  69. label input.edit {
  70.   width: 50%;
  71. }
  72.  
  73. fieldset {
  74.   width: 300px;
  75.   text-align: center;
  76.   border: 1px solid #8cacbb;
  77.   padding: 0.5em;
  78. }
  79.  
  80. textarea.edit {
  81.   font-family:monospace;
  82.   border: 1px solid #8cacbb;  
  83.   color: Black;
  84.   background-color: white;
  85.   font-size:14px;
  86.   padding: 3px;
  87.   width:100%;
  88. }
  89.  
  90. input.edit,select.edit {
  91.   font-size: 100%;
  92.   border: 1px solid #8cacbb;
  93.   height: 22px !important;
  94.   max-height: 22px !important;
  95.   min-height: 22px !important;
  96.   color: Black;
  97.   background-color: white;
  98.   vertical-align: middle;
  99.   padding: 1px;
  100.   display: inline;
  101. }
  102.  
  103. input.missing {
  104.   font-size: 100%;
  105.   border: 1px solid #8cacbb;
  106.   height: 22px !important;
  107.   max-height: 22px !important;
  108.   min-height: 22px !important;
  109.   color: Black;
  110.   background-color: #ffcccc;
  111.   vertical-align: middle;
  112.   padding: 1px;
  113.   display: inline;
  114. }
  115.  
  116. /* --------- buttons ------------------- */
  117.  
  118.  
  119. input.button {
  120.   border: 1px solid #8cacbb;  
  121.   color: Black;
  122.   background-color: white;
  123.   vertical-align: middle;
  124.   text-decoration:none;
  125.   font-size: 100%;
  126.   cursor: pointer;
  127.   height: 22px !important;
  128.   max-height: 22px !important;
  129.   min-height: 22px !important;
  130.   margin: 1px;
  131.   display: inline;
  132. }
  133.  
  134. div.secedit input.button {
  135.   border: 1px solid #8cacbb;
  136.   color: Black;
  137.   background-color: white;
  138.   vertical-align: middle;
  139.   text-decoration:none;
  140.   margin: 0px;
  141.   padding: 0px;
  142.   font-size: 10px;
  143.   cursor: pointer;
  144.   height: 15px;
  145.   max-height: 15px !important;
  146.   min-height: 15px !important;
  147.   float:right;
  148.   display: inline;
  149. }
  150.  
  151. /* --------------- Links ------------------ */
  152.  
  153. a {
  154.   color:#436976;
  155.   text-decoration:none;
  156. }
  157. a:hover {
  158.   color:#000000;
  159.   text-decoration:underline;
  160. }
  161.  
  162. /* external link */
  163. a.urlextern{
  164.     background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
  165.     padding: 1px 0px 1px 16px;
  166.     color:#436976;
  167.     text-decoration:none;
  168. }
  169. a.urlextern:visited {
  170.   color:Purple;
  171. }
  172. a.urlextern:hover {
  173.   text-decoration:underline;
  174. }
  175.  
  176. /* windows share */
  177. a.windows{
  178.     background: transparent url(images/windows.gif) 0px 1px no-repeat;
  179.     padding: 1px 0px 1px 16px;
  180.     color:#436976;
  181.     text-decoration:none;
  182. } 
  183. a.windows:visited {
  184.   color:Purple;
  185. }
  186. a.windows:hover { 
  187.   text-decoration:underline;
  188. }
  189.  
  190. /* interwiki link */
  191. a.interwiki{
  192.     background: transparent url(images/interwiki.png) 0px 1px no-repeat;
  193.         padding-left: 16px;
  194.     color:#436976;
  195.     text-decoration:none;
  196. }
  197. a.interwiki:visited {
  198.   color:Purple;
  199. }
  200. a.interwiki:hover {
  201.   text-decoration:underline;
  202. }
  203.  
  204. /* link to some embedded media */
  205. a.media {
  206.   color:#436976;
  207.   text-decoration:none;
  208. }
  209. a.media:hover {
  210.   color:#436976;
  211.   text-decoration:underline
  212. }
  213.  
  214. /* email link */
  215. a.mail {
  216.   background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
  217.   padding: 1px 0px 1px 16px;
  218.   color:#436976;
  219.   text-decoration:none;
  220. }
  221. a.mail:hover {
  222.   text-decoration:underline;
  223. }
  224.  
  225. /* existing wikipage */
  226. a.wikilink1:link    { color:#009900; text-decoration:none }
  227. a.wikilink1:visited { color:#009900; text-decoration:none }
  228. a.wikilink1:hover   { color:#009900; text-decoration:underline }
  229.  
  230. /* not existing wikipage */
  231. a.wikilink2:link    { color:#FF3300; text-decoration:none }
  232. a.wikilink2:visited { color:#FF3300; text-decoration:none }
  233. a.wikilink2:hover   { color:#FF3300; text-decoration:underline }
  234.  
  235.  
  236. /* ------------- Page elements ----------------- */
  237.  
  238. div.preview{
  239.   background:#f7f9fa;
  240.   margin-left:2em;
  241.   padding: 4px;
  242.   border: 1px dashed #000000;
  243. }
  244.  
  245. div.breadcrumbs{
  246.   background-color: #f5f5f5;
  247.   font-size:80%;
  248.   color: #666666;
  249.   padding-left: 4px;
  250. }
  251.  
  252. span.user{
  253.   color: #cccccc;
  254.   font-size: 90%;
  255. }
  256.  
  257. /* embedded images */
  258. img.media {
  259.   margin: 3px;
  260. }
  261.  
  262. img.medialeft {
  263.   border: 0;
  264.   float: left;
  265.   margin: 0 1.5em 0 0;
  266. }
  267.  
  268. img.mediaright {
  269.   border: 0;
  270.   float: right;
  271.   margin: 0 0 0 1.5em;
  272. }
  273.  
  274. img.mediacenter {
  275.   border: 0;
  276.     display: block;
  277.   margin-left: auto;
  278.   margin-right: auto;
  279. }
  280.  
  281. acronym {
  282.   cursor: help;
  283.   border-bottom: 1px dotted #000;
  284. }
  285.  
  286. /* general headline setup */
  287. h1, h2, h3, h4, h5 {
  288.     color: Black;
  289.     background-color: transparent;
  290.     font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  291.     font-size: 100%;
  292.     font-weight: normal;
  293.     margin-left:    0;
  294.     margin-right:   0;
  295.     margin-top:     0;
  296.     margin-bottom:  1em;
  297.     padding-left:   0;
  298.     padding-right:  0;
  299.     padding-top:    0.5em;
  300.     padding-bottom: 0;
  301.     border-bottom: 1px solid #8cacbb;
  302.     clear: left;
  303. }
  304.  
  305. /* special headlines */
  306. h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
  307. h2 {font-size: 150%; margin-left: 20px;}
  308. h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
  309. h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
  310. h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
  311.  
  312. /* indent different sections */
  313. div.level1 {margin-left: 3px;}
  314. div.level2 {margin-left: 23px;}
  315. div.level3 {margin-left: 43px;}
  316. div.level4 {margin-left: 63px;}
  317. div.level5 {margin-left: 83px;}
  318.  
  319. /* unordered lists */
  320. ul { 
  321.   line-height: 1.5em;
  322.   list-style-type: square;
  323.   margin: 0.5em 0 0.5em 1.5em;
  324.   padding: 0;
  325.   list-style-image: url(images/bullet.gif);
  326. }
  327.  
  328. /* ordered lists */
  329. ol {
  330.   line-height: 1.5em;
  331.   margin: 0.5em 0 0.5em 1.5em;
  332.   padding: 0;
  333.   color: #638c9c;
  334.   font-weight: bold;
  335.   list-style-image: none;
  336. }
  337.  
  338. /* the list items overriding the ol definition */
  339. span.li {
  340.   color: #000000;
  341.   font-weight: normal;
  342. }
  343.  
  344. ol {list-style-type: decimal}
  345. ol ol {list-style-type: upper-roman}
  346. ol ol ol {list-style-type: lower-alpha}
  347. ol ol ol ol {list-style-type: lower-greek}
  348.  
  349. li.open {
  350.   list-style-image: url(images/open.gif);
  351. }
  352.  
  353. li.closed {
  354.   list-style-image: url(images/closed.gif);
  355. }
  356.  
  357. blockquote {
  358.   border-left: 2px solid #8cacbb;
  359.   padding-left: 3px;
  360.   margin-left: 0;
  361. }
  362.  
  363. /* code blocks by indention */
  364. pre.pre {
  365.   font-size: 120%;
  366.   padding: 0.5em;
  367.   border: 1px dashed #8cacbb;
  368.   color: Black;
  369.   background-color: #f7f9fa;
  370.   overflow: auto;
  371. }
  372.  
  373. /* code blocks by code tag */
  374. pre.code {
  375.   font-size: 120%;
  376.   padding: 0.5em;
  377.   border: 1px dashed #8cacbb;
  378.   color: Black;
  379.   background-color: #f7f9fa;
  380.   overflow: auto;
  381. }
  382.  
  383. /* inline code words */
  384. code {
  385.   font-size: 120%;
  386. }
  387.  
  388. /* code blocks by file tag */
  389. pre.file {
  390.   font-size: 120%;
  391.   padding: 0.5em;
  392.   border: 1px dashed #8cacbb;
  393.   color: Black;
  394.   background-color: #dee7ec;
  395.   overflow: auto;
  396. }
  397.  
  398. /* inline tables */
  399. table.inline {
  400.   background-color: #ffffff;
  401.   border-spacing: 0px;
  402.   border-collapse: collapse;
  403. }
  404.  
  405. table.inline th {
  406.   padding: 3px;
  407.   border: 1px solid #8cacbb;
  408.   background-color: #dee7ec;
  409. }
  410.  
  411. table.inline td {
  412.   padding: 3px;
  413.   border: 1px solid #8cacbb;
  414. }
  415.  
  416. .leftalign{
  417.   text-align: left;
  418. }
  419.  
  420. .centeralign{
  421.   text-align: center;
  422. }
  423.  
  424. .rightalign{
  425.   text-align: right;
  426. }
  427.  
  428. /* ---------- table of contents ------------------- */
  429.  
  430. div.toc {
  431.   margin-left: 2em;
  432.   margin-top: 1.2em;
  433.   margin-bottom: 0;
  434.   float:right;
  435.   width: 200px;
  436.   font-size: 80%;
  437.   clear:both;
  438. }
  439.  
  440. div.tocheader {
  441.   padding: 3px;
  442.   border: 1px solid #8cacbb;
  443.   background-color: #dee7ec;
  444.   text-align: left;
  445.   font-weight:bold;
  446.   margin-bottom: 2px;
  447. }
  448.  
  449. #tocinside {
  450.   border: 1px solid #8cacbb;
  451.   background-color: #ffffff;
  452.   text-align: left;
  453.   padding-top: 0.5em;
  454.   padding-bottom: 0.7em;
  455. }
  456.  
  457. ul.toc {
  458.   list-style-type: none;
  459.   list-style-image: none;
  460.   line-height: 1.2em;
  461.   margin: 0;
  462.   padding: 0;
  463.   padding-left: 1em;
  464. }
  465.  
  466. ul.toc li {
  467.   background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
  468.   padding-left:0.4em;
  469. }
  470.  
  471. ul.toc li.clear {
  472.   background-image: none;
  473.   padding-left:0.4em;
  474. }
  475.  
  476. a.toc {
  477.   color: #436976;
  478.   text-decoration:none;
  479. }
  480.  
  481. a.toc:hover {
  482.   color: #000000;
  483.   text-decoration:underline; 
  484. }
  485.  
  486. /* ---------------------------- Diff rendering --------------------------*/
  487. table.diff { background:white; }
  488. td.diff-blockheader {font-weight:bold}
  489. td.diff-header {
  490.   border-bottom: 1px solid #8cacbb;
  491.   font-size:120%;
  492. }
  493. td.diff-addedline {
  494.     background:#ddffdd;
  495.     font-family: monospace;
  496.     font-size: 100%;
  497. }
  498. td.diff-deletedline { 
  499.     background:#ffffbb;
  500.     font-family: monospace;    
  501.     font-size: 100%;
  502. }
  503. td.diff-context {
  504.     background:#f7f9fa;
  505.     font-family: monospace;
  506.     font-size: 100%;
  507. }
  508. span.diffchange { color: red; }
  509.  
  510. /* --------------------- footnotes -------------------------------- */
  511.  
  512. div.footnotes{
  513.   clear:both;
  514.   border-top: 1px solid #8cacbb;
  515.   padding-left: 1em;
  516.   margin-top: 1em;
  517. }
  518.  
  519. div.fn{
  520.   font-size:90%;
  521. }
  522.  
  523. a.fn_top{
  524.   vertical-align:super;
  525.   font-size:80%;
  526. }
  527.  
  528. a.fn_bot{
  529.   vertical-align:super;
  530.   font-size:80%;
  531.   font-weight:bold;
  532. }
  533.  
  534.  
  535. /* --------------- search result formating --------------- */
  536. .search_result{
  537.   margin-bottom: 6px;
  538.   padding-left: 30px;
  539.   padding-right: 10px;
  540. }
  541.  
  542. .search_snippet{
  543.   color: #999999;
  544.   font-size: 12px;
  545.   margin-left: 20px;
  546. }
  547.  
  548. .search_sep{
  549.   color: #000000;
  550. }
  551.  
  552. .search_hit{
  553.   color: #000000;
  554.   background: #FFFF99;
  555. }
  556.  
  557. div.search_quickresult{
  558.   margin-bottom: 15px;
  559.   padding-bottom: 5px;
  560.   border-bottom: 1px dashed #8cacbb;
  561.   margin-left: 30px;
  562.   padding-right: 10px;
  563. }
  564.  
  565. div.search_quickhits {
  566.   margin-left: 1em;
  567.   float:left;
  568.   background: transparent url(images/bullet.gif) 0px 1px no-repeat;
  569.   padding: 1px 0px 1px 8px;
  570.   width: 30%;
  571. }
  572.  
  573. /* ------------------ Additional ---------------------- */
  574. .footerinc a img {
  575.     opacity: 0.5;
  576. }
  577.  
  578. .footerinc a:hover img {
  579.     opacity: 1;
  580. }
  581.  
  582. /* ---- Admin --- */
  583.  
  584. div.acladmin label {
  585.   text-align: left;
  586.   font-weight: normal;
  587.   display: inline;
  588. }
  589.  
  590. div.acladmin table{
  591.   margin-left: 10%;
  592.   width: 80%;
  593. }
  594.